@import "mixin-fun";
@import "common/common";
body,html{
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #91cac3;
}
.app{
    height: 100%;
    background: url(../img/bg_c.png);
    background-size: contain;
    position: relative;
    background-repeat: repeat-x;
    background-position: center bottom;
    overflow: scroll;
    padding-bottom: rem(20);
    .content{
        padding: rem(80);
        .title{
            color: #fff;
            font-size: rem(30);
            text-align: center;
            font-weight: 700;
        }
        .dialog_frame{
            margin-top: rem(120);
            .dislog_confrim {
                position: relative;
                width:rem(400);
                height: rem(160);
                background: #ffffff;
                text-align: center;
                border-radius: 10px;
                margin: 0 auto;
                padding-top: rem(50);
                & img{
                    max-width: 100%;
                    max-height: 100%;
                }
                .logo{
                    position: absolute;
                    width: rem(210);
                    height: rem(150);
                    left:rem(100);
                    top: rem(-100);
                }
                .title{
                    color: #231815;
                    font-size: rem(25);
                    height: rem(25);
                    line-height: rem(25);
                    margin-top: rem(20);
                }
                .title_num{
                    color: #f29600;
                    font-size: rem(30);
                    height: rem(30);
                    line-height: rem(30);
                    margin-top: rem(15);
                }
                .text{
                    color: #fff;
                    background-color: #e27832;
                    width: rem(340);
                    margin: 0 auto;
                    height: rem(40);
                    line-height: rem(40);
                    font-size: rem(25);
                    margin-top: rem(15);
                    border-radius: 5px;
                }
                .x{
                    width: rem(30);
                    height: rem(30);
                    position: absolute;
                    right: rem(15);
                    top: rem(15);
                    z-index: 1000;
                }
            }
        }
        .my_message{
            padding: rem(30);
            background-color: #f0efef;
            margin-top: rem(40);
            overflow: hidden;
            .message_line {
                margin-top: rem(10);
                overflow: hidden;
                .message_line_title {
                    color: #009944;
                    line-height: rem(50);
                    height: rem(50);
                    font-size: rem(23);
                    width: 32%;
                    float: left;
                    text-align: right;
                    padding-right: rem(10);
                }
                .input{
                    width: 68%;
                    float: left;
                }
                input,textarea{
                    height: rem(60);
                    border-radius: rem(10);
                    font-size: inherit;
                    margin: 0;
                    color: #009944;
                    border: 1px solid #009944;
                }
                textarea{
                    height: auto;
                }
            }
        }
        .picker_message{
            padding: rem(30);
            .message_top{
                overflow: hidden;
                text-align: center;
                .s_img{
                    height: rem(200);
                    & img{
                        max-width: 100%;
                        max-height: 100%;
                    }
                }
            }
            .message_bottom{
                margin-top: rem(15);
                color: #fff;
                font-size: rem(23);
                line-height: rem(25);
            }
            .tishi{
                margin-top: rem(10);
                text-align: center;
            }
        }
        .parent{
         
        }
        .btn_t{
            width: 85%;
            margin: 0 auto;
            overflow: hidden;
            text-align: center;
            & div{
                // float: left;
                width: 48%;
                height: rem(60);
                line-height: rem(60);
                border-radius: 5px;
                color: #fff;
            }
            .my_prize{
                background-color:#f39700;
                margin: 0 auto;
            }
        }
    }
    .footer{
        width: 100%;
        padding: rem(0) rem(30) rem(0) rem(30);
        overflow: hidden;
        margin-top: rem(40);
        & li{
            float: left;
            width: 25%;
            .title{
                height: rem(80);
            }
            & img{
                max-width: 100%;
                max-height: 100%;
                margin: 0 auto;
                display: block;
            }
            .share1,.ipeen{
                padding-top:rem(12); 
            }
            .text{
                color: #fff;
                text-align: center;
                line-height: rem(25);
                margin-top: rem(15);
            }
        }
        // .text{
        //     width: 85%;
        //     margin: 0 auto;
        //     text-align: center;
        //     height: rem(45);
        //     line-height: rem(45);
        //     color: #fff;
        //     background-color: #e27832;
        //     border-radius: 5px;
        //     margin-top: rem(40);
        // }
    }
}